<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Temperate 
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20121205

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!-- <meta http-equiv="refresh" content="30;url=index.html" /> -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>My Tracker</title>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300'
	rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Abel|Satisfy'
	rel='stylesheet' type='text/css' />
<link href="../css/default.css" rel="stylesheet" type="text/css"
	media="all" />
<link rel="stylesheet" href="../css/nivo-slider.css" type="text/css"
	media="screen" />
<link rel="stylesheet" href="../css/slidestyle.css" type="text/css"
	media="screen" />
<link rel="stylesheet" href="../css/themes/default/default.css"
	type="text/css" media="screen" />
<link href="../css/iphone.css" media="mobile" rel="stylesheet"
	type="text/css" />
<!--[if IE 6]>
<link href="default_ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!-- For google map api and style -->
<script
	src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAR33uUSrW-Nc3NWqPUZV30Anh1DOS9oto&sensor=false"
	type="text/javascript"></script>
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript"
	src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.5/src/markerwithlabel_packed.js">
	
</script>

<style>
#content {
	margin-left: 23%;
}

#location {
	font-weight: bold;
}

.labels {
	color: white;
	background-color: #0172b6;
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 25px;
	border: 1px solid black;
	white-space: nowrap;
}

table#userDetails,table#trackerDetails {
	border: 3px solid black;
	padding: 5px;
	text-align: center;
	font-size: 18px;
	width: 600px;
	border-collapse: collapse;
}

tr,td {
	border: 1px solid black;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	valign: top;
}

.title {
	height: 100px;
	background-color: #ADD8E6;
}

#main {
	font-size: 35px;
	letter-spacing: 8px;
	color: #0000CD;
	font-variant: small-caps;
	font-weight: bold;
}

#acc {
	font-size: 38px;
	letter-spacing: 9px;
	color: #0000CD;
	font-variant: small-caps;
	font-weight: bold;
}

.sub {
	font-size: 16px;
	color: #808080;
	font-family: Lucida Calligraphy;
}

input[type="text"] {
	size: 50;
	font-size: 18px;
}

.field {
	text-align: right;
	width: 250px;
	color: #1E90FF;
}

#pageheading {
	font-size: 3em;
	margin-left: 24%;
	color: #6741FF;
	font-family: sans serif;
	font-weight: bold;
}

#button {
	margin-left: 25%;
}
</style>


<!-- to navigate to phone page when using mobile -->
<!--  <script type="text/javascript">
	if ((navigator.userAgent.match(/iPhone/i))
			|| (navigator.userAgent.match(/iPad/i))
			|| (navigator.userAgent.match(/iPod/i))
			|| (navigator.userAgent.match(/android/gi))
			|| (navigator.userAgent.match(/Windows Phone/i))) {
		location.replace("phoneAddUser.html");
	}
</script>-->

<script type="text/javascript" src="../jquery.nivo.slider.js"></script>
<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider();
	});
</script>


</head>
<body>
	<form method="post" action="user">
		<div id="wrapper">
			<div id="header-wrapper">
				<div id="header" style="backgound-color: #0078D1;">
					<div id="logo">
						<h1>
							<a href="#">Omni-Health</a>
						</h1>
						<!-- <p>Pte Ltd</p> -->
					</div>
					<div id="menu">
						<ul id="mapnav">
						<li><a href="adminindex.html" accesskey="1" title="">Map</a></li>
					<li><a href="userlist.html">User List</a></li>
					<li><a href="AddUser.html">Add User</a></li>
						<li><a href="Login.html" accesskey="1" title="">Logout</a></li>
						</ul>
					</div>
				</div>
			</div>

			<!-- <div id="banner"></div>-->
			<div id="page-wrapper">
				<div id="page">
					<div id="content">
						<div>
							<span id="pageheading"> Registration
							</span>


							<table id="userDetails">

								<tr>
									<td colspan="2" class="title"><span id="acc">Your
											Account </span><br /> <span class="sub">Field use for login
											to Tracker account. </span></td>
								</tr>

								<tr>
									<td class="field">Phone number :</td>
									<td><input type="text" id="phoneno" name="phoneno"
										maxlength="8" /></td>


								</tr>
							</table>
							<br /> <br />

							<table id="trackerDetails">

								<tr>
									<td colspan="2" class="title">
										<table style="border-width: 0px;">
											<tr style="border-width: 0px;">
												<td style="border-width: 0px;"><img
													src="images/tracker.png" alt="Tracker" width="60"
													height="60" style="vertical-align:middle;"/></td>
												<td style="border-width: 0px;"><span
													id="main">Setup Your Tracker</span><br/> <span class="sub">Information
														about your tracker.</span></td>
											</tr>
										</table>
									</td>
								</tr>

								<tr>
									<td class="field">Tracker Name :</td>
									<td><input type="text" id="trackername" name="trackername" value="username" /></td>

								</tr>
								<tr>
									<td class="field">Tracker Password :</td>
									<td><input type="text" id="password" name="password"
										maxlength="4" value="0000"/></td>

								</tr>
								<tr>
									<td class="field">Tracker Type :</td>
									<td> <select id="typeoftracker" name="typeoftracker" style="padding:5px; font-size:18px; width:180px;">
									<option value="CT-58" style="text-align:center;">CT-58</option>
									<option value="MU-201" style="text-align:center;">MU-201</option>
									</select>
									
								</td>

								</tr>

								<tr>
									<td class="field">Sim Card Number :</td>
									<td><input type="text" id="simno" name="simno"
										maxlength="8" /></td>
								</tr>

								<tr>

									<td class="field">IMEI :</td>
									<td><input type="text" id="imei" name="imei" /></td>

								</tr>
							</table>
							<br />

							<div id="button">
								<input type="submit" value="Submit"
									style="color: #0000CD; width:100px; height:40px; font-size: larger;" /> &nbsp;&nbsp;&nbsp;&nbsp;
								<input type="reset" value="Reset"
									style="color: #0000CD; width:100px; height:40px; font-size: larger;" />
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- <div id="footer-wrapper">
		<div id="footer-content" align="center" style="padding:35px 0px 0px 0px;">
			<div class="slider-wrapper theme-default" style="width:800px; height:260px;" >
            <div id="slider" class="nivoSlider">
                <img src="images/header.jpg" data-thumb="images/header.jpg" alt="" />
                <img src="images/1.jpg" data-thumb="images/1.jpg" alt=""/>
                <img src="images/2.jpg" data-thumb="images/2.jpg" alt="" data-transition="slideInLeft" />
                <img src="images/3.jpg" data-thumb="images/3.jpg" alt=""  />
				 <img src="images/4.jpg" data-thumb="images/4.jpg" alt="" />
				  <img src="images/5.jpg" data-thumb="images/5.jpg" alt=""  />
            </div>
        </div>

	</div>
</div> -->
		<div id="footer">
			<p>Copyright (c) by Nanyang Polytechnic.</p>
		</div>
	</form>

</body>
</html>
